/* Color Palettes - styles are bgcolor + fontcolor */
/* Not in order for now, order matters and base classes should be put at the top!! (rewrite numbers later) */

.cp15 { /* bg black, fg white (ie pagecover) */
	background-color: #000;
	color: #fff;
}

.cp0 { /* bg grey, fg: white (for body background) */
	background-color: #92989e;
	/* sandy brown #EE9A4D */
	color: #fff;
}

.cpActive{	/* sandy brown #EE9A4D */
	background-color: #EE9A4D;
	color:#000000;
}

.cp0 a {
	color: #fff;		
}


.cp5 { /* bg darkest blue, fg: light blue (for curved background & header) */
	background-color: #283946;
	color: #92a3be;
}
	.cp5 a {
		color: #fff;
	}

.cp6 { /* bg white, fg: grey */
	background-color: #fff;
	color: #666;
}
	.cp6 a {
		color: #666;
	}
	
.cp1 { /* bg blue, fg white */
	background-color: #7594ad;
	color: #fff;	
}
	.cp1 a {
		color: #fff;
	}

.cp2 { /* bg red, fg white*/
	background-color: #8c2b1f;
	color: #fff;
}

.cp3 { /* bg dark grey, fg white */
	background-color: #666;
	color: #fff;
}

.cp4 { /* bg light green, fg: dark green */
	background-color: #d3eda2;
	color: #6d962b;
}

	.cp4 a {
		color: #6d962b;
	}



.cp7 { /* bg: white, fg: light grey; list styles*/
	background-color: #fff;
	color: #999;
}
	.cp7 a {
		color: #999;
	}
	.cp7 h3 {
		color: #546C91;
	}
		.cp7 h3 a {
			color: #546C91;
		}
		
.cp8 { /* bg darkest blue, fg: light blue */
	background-color: #283946;
	color: #a9b3bc;
}

	.cp8 a {
		color: #a9b3bc;		
	}

.cp9 { /* bg dark grey, fg white */
	background-color: #4e565e;
	color: #fff;
}

.cp10 { /* bg white, fg: dark blue*/
	background-color: #fff;
	color: #546c91;
}

	.cp10 a {
		color: #546c91;		
	}
	
.cp11 { /* bg light grey, fg dark grey */
	background-color: #ddd;
	color: #666;
}

.cp12 { /* bg dark green, fg white*/
	background-color: #9FBF62;
	color: #fff;
}

.cp13 { /* bg lightest green, fg dark green */
	background-color: #E2F5BD;
	color: #6d962b;
}

.cp14 { /* bg lightest grey, fg dark grey */
	background-color: #eee;
	color: #666;
}

.cp16 { /* bg white, fg dark green */
	background-color: #fff;
	color: #62842a;
}

.cp17 { /* bg light blue, fg dark blue */
	background-color: #dcebf7;
	color: #546C91;
}

.cp18 { /* bg sky blue, fg white */
	background-color: #7594ad;
	color: #fff;
}
	.cp18 a {
		color: #fff;
	}
	
.cp19 {
	background-color: #ddd;
	color: #546C91;
}

.cp20 {
	background-color: #eee;
	color: #546C91;
}

.cp21 {
	background-color: #d8e7f0;
	color: #546c91;
}

.cp22 { /* tab highlighted text (color: grey, bg grey) */
	color: #4e565e;
	background-color: #eee; 
}
	.cp22 a {
		color: #4e565e;
	}
	
/* tooltip */	
.cp23 { /* dark grey bg */
	background-color: #454952;
	color: #fff;
}

	.cp23 td, .cp23 th {
		background-color: #454952;
		border-bottom: 1px solid #31353d;
	}

.cp24 { /* lighter dark grey bg */
	background-color: #31353d;
	color: #fff;
}
	.cp24 h1 {
		color: #91abc1;
	}

.cp25 {
	background-color: #8ea9c0;
	color: #fff;
}

.cp26 { /* submenu stuff */
	background-color: #eee;
	color: #4e565e;
}

	.cp26 a {
		color: #999;
	}

.cp27 { /* bg medium blue, fg: dark blue */
	background-color: #e4ebf1;
	color: #546C91;
}

	.cp27 a {
		color: #546C91;
	}

.cp28 { /* bg light blue, fg: dark blue */
	background-color: #f3f6f9;
	color: #546C91;
}

.cp29 {
	background-color: #fff;
	color: #ccc;
}

.cp30 { /* bg white, fg: dark green */
	background-color: #fff;
	color: #6d962b;
}

.cp31 { /* bg white, fg: bright blue*/
	background-color: #fff;
	color: #7aa2be;
}
	.cp31 a {
		color: #7aa2be;		
	}

.cp32 { /* bg dark grey, fg: light grey - used for counter*/
	background-color: #494c4f;
	color: #c8cbce;
}

/* BORDER PALETTES */

.bp0 { /* light green - border on form elements */
	border-color: #9FBF62;
}

.bp1 { /* darker green - border on active form elements */
	border-color: #6d962b;
}

.bp2 { /* darkest green - used on submit buttons */
	border-color: #55761F;
}

.bp3 { /* grey */
	border-color: #ccc;
}

.bp4 { /* dark blue */
	border-color: #546c91;
}

.bp5 { /* light blue */
	border-color: #dae6f0;
}
